// 导航
.navbar{
    border:0px;
    border-radius: 0px;
    background: #fff;
    .container{
        .navbar-collapse{
            padding-left: 0;
            padding-right: 0;
            .navbar-nav{
                text-align: center;
                float: none;
                display: flex;
                justify-content: space-between;
    
                li{
                    display: inline-block;
                    float: none;
                    border-bottom: 3px solid #fff;
                    transition: all ease-in-out .3s;
                    &:hover{
                        border-bottom: 3px solid #024ec0;
                    }
                }
            }
        }
    }
    @media screen and (max-width:767px){
        .container{
            .navbar-collapse{
                padding-left: 15px;
                padding-right: 15px;
                .navbar-nav{
                    flex-wrap: wrap;
                    li{
                        width: 100%;
                    }
                }
            }
        }
    }
}

// about
.about{
    width: 100%;
    img{
        width: 100%;
        height: 600px;
    }

    @media screen and (max-width:1500px) {
        img{
            height: auto;
        }
    }
}


//新闻
.xinwen{
    padding: 3% 0%;
    .container{
        .list{
            .item{
                display: flex;
                justify-content: space-between;
                height: 250px;
                margin-bottom: 3%;
                &:hover{
                    .avatar{
                        img{
                            transform: scale(1.2,1.2);
                        }
                    }
                    .content{
                        h1{
                            color: #024ec0;
                        }
                    }
                    .time{
                        color: #024ec0;
                    }
                }
                .avatar{
                    width: 30%;
                    overflow: hidden;
                    img{
                        transition: all ease-in-out .3s;
                        width: 100%;
                        height: 100%;
                    }
                }
                .content{
                    width: 50%;
                    padding: 5% 0%;
                    h1{
                        transition: all ease-in-out .3s;
                        font-size: 2em;
                        font-weight: bolder;
                    }
                }
                .time{
                    width: 15%;
                    text-align: right;
                    transition: all ease-in-out .3s;
                    h1{
                        font-size: 4em;
                        height: 85px;
                        font-weight: bolder;
                        transition: all ease-in-out .3s;
                    }
                    p{
                        font-size: 1.5em;
                        transition: all ease-in-out .3s;
                    }
                }
            }
        }
    }

    @media screen and (max-width:720px) {
        .container{
            .list{
                .item{
                    flex-wrap: wrap;
                    height: auto;
                    .avatar{
                        width: 100%;
                    }
                    .content{
                        width: 80%;
                    }
                }
            }
        }
    }

    @media screen and (max-width:500px) {
        .container{
            .list{
                .item{
                    .content{
                        h1{
                            font-size: 1.5em;
                        }
                    }
                    .time{
                        h1{
                            font-size: 3em;
                            height: 70px;
                        }
                        p{
                            font-size: 1.3em;
                        }
                    }
                }
            }
        }
    }
    @media screen and (max-width:360px) {
        .container{
            .list{
                .item{
                    .content{
                        h1{
                            font-size: 1.2em;
                        }
                        p{
                            font-size: .8em;
                        }
                    }
                    .time{
                        h1{
                            font-size: 3em;
                            height: 70px;
                        }
                        p{
                            font-size: 1em;
                        }
                    }
                }
            }
        }
    }
}